import { h } from '../../lib/guide-coco-mini-vue.esm.js'


/**
 * 导出一个 Foo 组件
 */
export const Foo = {
    name: "Foo",

    setup(props) {
        // props 里传入一个 count 
        console.log("组件 props", props);

        // 这里应该不允许，触发一个警告
        props.count ++;

        // 1. 可以通过 props 传入过来
        // 2. 在 render 函数中可以通过 this 访问到 props 中的属性
        // 3. props 为 readonly （shallowReadonly);

        return {

        }
    },
    render() {
        return h('div', { 'id': 'foo-div' }, " foo(子组件) :" + this.count)
    }



}